<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="sogou_site_verification" content="zrLuQwEyk7"/>
    <meta name="keywords" content="多谱音乐，音乐，曲谱播放器，五线谱，吉他谱，六线谱，简谱，四线谱，钢琴谱，小提琴谱，二胡谱，手风琴谱，扒谱，谱单，收藏，分享音乐，音乐互动，音乐社交，官网，dscore.cn">
    <meta name="description" content="多谱音乐是一款专注于发现与分享乐谱和音乐的产品，依托专业音乐人、DJ、好友推荐及社交功能，为用户打造全新的音乐生活。">

    <title>多谱音乐  --  中国最全最好用的音乐钢琴谱吉他谱尤克里里谱平台</title>
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" href="__CSS__/contactus.css">
    <link rel="icon" href="__PUBLIC__/favicon.ico">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/jquery-1.10.2.min.js"></script>
    <![endif]--><!--[if gte IE 9]><!-->
    <script type="text/javascript" src="__STATIC__/jquery-2.0.3.min.js"></script>
    <!--百度站长统计-->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?ad169fcfabe73dd92c3ef6255804122a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!--百度自动推送-->
    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script>
</head>
<body>
    <!--header-->
    <div class="container ">
        <div class="brand clearfix">
            <div class="pull-left">
                <!--logo-->
                <a class="pull-left display-inlineblock" href="{:U('index/index')}"><img class="logo" src="__IMG__/logo.png" alt="多谱音乐"></a>
                <!--搜索框-->
                <form class="search-box" action="{:U('search/index')}" method="post">
                    <img class="search-icon" src="__IMG__/search.png">
                    <input type="text" name="name" value="{$keywords}" placeholder="请输入搜索内容">
                </form>

            </div>
            <!--menu-->
            <div class="pull-right right-title">
                <div class="right-title-menu color-red <if condition="$nav eq 'index'">active</if>">
                    <a href="{:U('index/index')}" class="font-size-16 color-red font-bold">首页</a>
                </div>
                <div class="right-title-menu color-red <if condition="$nav eq 'rank'">active</if>">
                    <a href="{:U('rank/index')}" class="color-red font-size-16 font-bold">排行榜</a>
                </div>
                <div class="right-title-menu color-red <if condition="$nav eq 'search'">active</if>">
                    <a href="{:U('search/rank')}" class="color-red font-size-16 font-bold">热搜榜</a>
                </div>
                <div class="right-title-menu color-red <if condition="$nav eq 'upload'">active</if>">
                    <a href="{:U('upload/user')}" class="color-red font-size-16 font-bold">上传</a>
                </div>
                <div class="margin-left-30 display-inlineblock color-red login-module">
                    <div class="dropdown">
                        <empty name="loginUser">
                            <a href="javascript:;" class="alogin"><p class="color-red login font-size-16">登录</p></a>
                            <else/>
                            <div class="login-user color-black " data-toggle="dropdown" data-hover="dropdown">
                                <img class="user-avatar" <empty name="loginUser.avatar_url">src="__IMG__/avatar.png"<else/>src="{$loginUser.avatar_url}"</empty>>
                                <span class="user-nickname">{$loginUser.nickname}</span>
                                <span class="glyphicon glyphicon-triangle-bottom"></span>
                            </div>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="{:U('user/index', 'id='.$loginUser['uid'])}">个人中心</a>
                                </li>
                                <li>
                                    <a href="{:U('login/loginOut')}">退出</a>
                                </li>
                            </ul>
                        </empty>
                    </div>
                </div>
                <empty name="loginUser['is_member']">
                    <a class="display-inlineblock recharge-member" href="javascript:;">开通多谱会员</a>
                </empty>
            </div>
        </div>
    </div>

    <!--导航栏-->
    <div class="bg-red subtitle-null"></div>
    <div class="bg-red subtitle-has">
        <div class="container">
            <div class="subtitle">
                <div class="subtitle-info">
                    <a href="{:U('index/index')}" class="color-white <if condition="$subtitle eq 'recommand'">active</if>">推荐</a> <!--后续修改字体颜色-->
                </div>
                <div class="subtitle-info">
                    <a href="{:U('index/score')}" class="color-white <if condition="$subtitle eq 'score'">active</if>">谱单</a>
                </div>
                <div class="subtitle-info">
                    <a href="{:U('index/sheet')}" class="color-white <if condition="$subtitle eq 'sheet'">active</if>">曲谱</a>
                </div>
            </div>
        </div>
    </div>

    <!--侧边联系我们-->
    <div id="onService_panel">
        <div id="onlineList">
            <em class="online_close" id="onlineClose" title="关闭"></em>
            <div class="online_open" id="onlineOpen"></div>

            <div class="contact">
                <img src="/Public/Home/images/web_code.png" alt="">
            </div>
        </div>
    </div>

    <script>
        /**
         * 弹窗登录
         */
        $('.alogin').click(function () {
            layer.open({
                type: 2,
                title: '',
                shadeClose: true,
                area: ['600px', '420px'],
                content: '/Home/login/index'
            });
        });
        /**
         * 开通会员按钮
         */
        $('.recharge-member').click(function () {
            //验证是否登录
            var url = '/Home/login/check';
            $.get(url, function (result) {
                if (result.code == 200) {
                    var uid = "{$loginUser['uid']}";
                    layer.open({
                        type: 2,
                        title: '',
                        area: ['700px', '580px'],
                        content: '/Home/member/preSelect', //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
                        end: function () {
                            window.location.href = '/Home/user/index/id/' + uid;
                        }
                    });
                } else if (result.code == 10001) {
                    //登录窗口
                    layer.open({
                        type: 2,
                        title: '',
                        shadeClose: true,
                        area: ['600px', '420px'],
                        content: '/Home/login/index'
                    });
                }
            });
        })

        /**
         * 隐藏nav空白条
         */

        if ($('.right-title-menu').first().hasClass('active')) {
            $('.subtitle-null').hide();
        } else {
            $('.subtitle-has').hide();
        }
    </script>